/**
* ui-list
*
* @Standard List
* @Accounts List
* @Transaction List
*	@List Header
* @Selection List
*/

/* @group list start */

.normal-space{
white-space: normal;
}
.ui-list-link,.ui-list-normal{
	padding:0px;
	list-style: none;
	width:100%;
	height:auto;
	margin:0px;
	color: rgb(51, 51, 51);
	line-height: 1.4em;
	background: #fff;
}
.ui-list-gradient,ui-list-gradient3{
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;
	list-style: none;
	width: 100%;
}
.scl{
	padding-left:0px !important;	
}
.ui-list-gradient li,.ui-list-gradient3 li{
	padding:14px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(0.7, #F2F2F2), to(#F2F2F2));
	border-bottom: 1px solid #E9E9E9;
}
.ui-list-gradient li:last-child,.ui-list-gradient3 li:last-child{
	border-bottom: none;
}
.ui-list-gradient li a,.ui-list-gradient3 li a{
	display:block;
	background: url(../images/icon-disclosure.png)no-repeat transparent 100% 50%;
}
.ui-list-gradient li a span{
	color: #666;
	font-size:14px;
	font-weight:bold;
}
.ui-list-gradient li a small{
	display:inline-block;
}

.ui-list-gradient3 li a div:first-child{
	display:block;width:95%;
}
.ui-list-gradient3 li a div h1{
	color:#676767;
	text-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 1px;
	font-size: 11px;
	font-weight:normal;
}
.ui-list-gradient3 li a{
	display:-webkit-box;
	line-height:16px;
	position: relative;
}
.ui-list-gradient3 li{
	padding: 1em 0.75em;
	font-weight: bold;
	text-shadow: white 0px 1px 0px;
}
.ui-list-gradient3 li a div label{
	font-size: 14px;
	color: #666;
	display:inline-block;
	word-wrap: break-word;
	width:100%;
}
.ui-list-gradient3  li a div label small{
	font-weight: normal;
	font-size:12px;
	display:inline-block;
	color: #6d6d6d;
}
.ui-list-gradient3 li a span{
	font-size:22px;
	line-height:22px;
	display:inline-block;
	width:100%;
}
.ui-list-gradient3 li a span small{
	padding: 1px 4px;
	background-color: #797979;
	text-shadow: none;
	color: white;
	-webkit-border-radius: 2px;
	font-size: 11px;
	position: relative;
	top: -3px;
	margin-right:5px;
}

.shadow{
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;
}
.body3 .shadow{
	-webkit-box-shadow: rgb(0, 0, 0) 0px 3px 3px;
}
.ui-list-link li,.ui-list-normal li{
	margin: 0;
	border: 1px solid #E9E9E9;
	border-width: 1px 0px;
	border-top-color: #fff;
	padding: 0px 16px;
}
.ui-list-normal.withArrow li{
	background: transparent url('../images/icon-disclosure.png') no-repeat 95% 50%;
}
.r-direct .ui-list-normal.withArrow li{
	padding: 14px 20px 14px 16px;
	background: transparent url('../images/icon-disclosure.png') no-repeat 5% 50%;
}
.ui-list-info {	
	padding: 18px 16px;
	margin: 0px;
	text-shadow: white 0px 1px 0px;
	border-bottom: 1px solid #7A868E;
	list-style-type: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(222, 228, 232)), to(rgb(179, 190, 197)));
}
.ui-list-info div{
	font-size: 14px;
	margin: 1px 0 4px;
	font-weight: bold;
}
.ui-list-info li{
    color: #333333;
	font-size: 12px;
	line-height:15px;
	font-style: normal;
	font-weight: normal;
}

.ui-list-clearColor li{
	background:white;
}
.ui-list-link li:last-of-type{
	border-bottom: 2;
}
.ui-list-link li a{
	background: url(../images/icon-disclosure.png)no-repeat transparent right center;
	color: rgb(51, 51, 51);
	display: -webkit-box;
	padding: 14px 0px;
	text-decoration: none;
}

.r-direct .ui-list-link li{
	background: url(../images/icon-disclosure.png)no-repeat transparent left center;
}
.ui-list-link li a p{
	font-size:1em;
}
.ui-list-normal{
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;
}
.ui-list-normal li{
	padding: 14px 0px 14px 16px;
	display: -webkit-box;
	position: relative;
}
.ui-list-normal li:last-child{
	border-bottom: none;
}
.ui-list-normal li input{	
	margin-top: -15px;
	position: absolute;
	right: 2px;
	top: 50%;	
}
.ui-list-link{
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;
}
.ui-list-link li:last-child{
	border-bottom:none;
}
.ui-list-link li a div,.ui-list-normal li div{
	-webkit-box-flex: 1;
	display: block;
}
.ui-list-link li a div h1, .ui-list-normal li div h1{
	color: rgb(0,0,0,1);
	ine-height: 20px;
	margin: 0px;
	font-size:1.1em;
}
/* UI1.5 20120419 start */
.ui-list-normal li div h3{
	color: #666; 
	line-height: 20px;
	margin: 0px;
	font-size:.8em;
	font-weight:bold;
	padding-right: 30px;
	word-wrap:break-word;
}

.ui-list-normal li div h3 small{
	color: #6d6d6d; 
	font-size: 12px; 
	display: block;
}

.ui-list-normal li .value {
	color: #000;
	font-size: 18px;
    font-weight: bold;
    line-height: 1.1em;
}	

.ui-list-normal li .value small {
 	background-color: #c7cbcb; 
	color: white; 
	text-shadow: none; 
	font-size: 11px; 
	-webkit-border-radius: 2px; 
	position: relative; 
	top: -3px; 
	padding: .1em .4em; }
	
.ui-list-normal li div h4{
    font-size:22px;
    display:block;
    line-height:22px;
}
.ui-list-normal li div h4 small{
    padding: 1px 4px;
    background-color: #797979;
    text-shadow: none;
    color: white;
    -webkit-border-radius: 2px;
    font-size: 11px;
    position: relative;
    top: -2px;
    vertical-align:middle;
    margin-right:5px;
}
	
	
/** UI1.5 20120508 change Start**/
.ui-list-normal li .selected {
background: transparent url('../images/icon-check.png') no-repeat 100% -65% !important;
}
.ui-list-normal li .nonSelected {
	background: transparent url('../images/icon-check.png') no-repeat 100% 175% !important;
}
/** UI1.5 20120508 change End**/
/* UI1.5 20120419 end */
.ui-list-link li a div span,.ui-list-normal li div span{
	color: rgb(125, 125, 125);
	line-height: 1;
	margin: 0px;
	display: block;
	font-size:.9em ;
	
}
.ui-list-link li a div h2,.ui-list-normal li div h2{
	text-align:right;
	line-height: 32px;
	padding: 0px 16px 0px 0px;
	color: rgb(0,0,0,1);
	margin: 0px;
	font-weight: bold;
}

.detail{
	height:auto;
	color: rgb(51, 51, 51);
	margin-top:14px;
	padding:14px;
	border-top: 1px solid #E9E9E9;
}

.red{
	color:#921309;
}
.green{
	color:#008D14;
}

.ui-list-link .ui-list-title p{
	color: rgb(109, 109, 109);
	font-size: 1.2em;
	text-shadow: rgba(255,255,255, 1) 0px 2px 1px;
	background-color: transparent;
	margin:0px;
	padding:0px;
}
.list-header{
	background: url(../images/bg-header.png) repeat-x rgb(156, 165, 172);
	background-size: cover;
	background-position:0 -1px;
	text-transform: uppercase;
	border: 1px solid rgba(120,120,120,1);
	position: relative;
	border-width: 1px 0px;
}

.list-header h5{
	border-bottom: 1px solid rgb(150, 150, 150);
	line-height: 21px;
	padding: 0px 8px;
	color:white;
	font-size:.75em;
	text-shadow: rgba(0, 0, 0, 0.496094) 0px -1px 0px;
	font-weight: bold;
	margin: 0px;
	display: block;
	
}
.list-header h5 span:first-child{
	text-align:left;
}
.list-header h5 span:last-child{
    float:right;
	text-align:right;
}
.ui-form3{
		margin:0px 8px;
		padding: 20px 0px 0px ;
}

.ui-form2{
		margin:0px 15px 0px 10px;
		padding: 0px;
}

.ui-form2 h3{
	margin:5px 0px 3px 8px;
	text-transform: uppercase;
	font-weight:bold;
}
.ui-form{
	margin:0px 8px;
	padding: 8px 0px 0px;
}
#disclaimers-content .ui-form{
	padding: 18px 0px 0px;
}
.ui-form h3{
	text-shadow: 0 1px 0 #FFFFFF;
	margin:5px 0px 3px 8px;
	text-transform: uppercase;
	font-weight:bold;
}

.ui-form h3.bigMargin{
	margin-top:24px;
}
.body3 .ui-form h3{
	color:#fff;
	text-shadow:#000 0px 1px 1px;
}
.ui-list-link-form{
	padding:10px;
}
/***ui-list-form9 start **/
.ui-list-form9{
	background-color: white;
	border-radius: 5px 5px;
	color: #333;
	height: auto;
	list-style: none;
	margin: 0px 0px 10px;
	padding: 0px;
}
.ui-list-form9 li:first-child{
	border-bottom: 1px solid #E9E9E9;
}
.ui-list-form9 li a{
	border-top: 0px solid #C8C8C8;
	display: -webkit-box;
	padding: 10px;
}
.ui-list-form9 li div{
	-webkit-box-flex: 0.3;
	margin-bottom:-2px;
}
.ui-list-form9 li div img{
	height: 24px;
	width: 24px;
	margin-top:-1px;
	vertical-align:middle;
	padding-bottom:1px;
}

.ui-list-form9 li div select{
	webkit-appearance: none;
	background: transparent url(../images/bg-select-down-arrow.png) no-repeat 100% 50%;
	border: none;
	font-size: 18px;
	font-weight: bold;
	padding: 0px 20px 0px 0px;
	text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
	vertical-align:middle;
	
}
.ui-list-form9 li input ,.ui-list-form9 li span{
	text-align: right;
	-webkit-box-flex: 0.7;
	background: transparent;
	border: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
}
.ui-list-form9 li .dis{
	color:#6D6D6D;
	font-weight:normal;
}
.exchange{
	background: transparent url(../images/exchange-rate2.png) no-repeat 50% 50%;
	float:left;
	left:40%;
	top:140px;
	position:absolute;
	height:40px;
	width:40px;
}

/***ui-list-form9 end **/
.ui-list-form{
	padding:0px;
	list-style: none;
	height:auto;
	color: rgb(51, 51, 51);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(255,255,255,1);
	margin: 0px 0px 10px;
}
.ui-list-form li{
	display: -webkit-box;
	padding:14px;
	border-bottom: 1px solid #E9E9E9;
}
.ui-list-form li a{
	display: -webkit-box;
	width:100%;
	text-decoration: none;
	background-color:#eee;	
	background: url(../images/icon-disclosure.png) no-repeat transparent 100% 50%;
}
.ui-list-form li:last-child{
	display: -webkit-box;
	
	border-bottom: none;
}
.ui-list-form li div:first-child{
	color: rgb(139, 139, 139);
	font-size: 1em;
	line-height:20px;
	width:50%;
	text-align: left;
	font-weight: normal;text-overflow:ellipsis; 
	overflow:hidden;
}

.ui-add-form .ui-list-form li div:first-child{
	-webkit-box-flex: 0.5;
	width:100%;
}

.ui-list-form li div:last-child,.ui-list-form li a div:last-child{
	color: rgb(0,0,0);
	word-wrap: break-word;
	text-align: right;
	font-weight:bold;
	font-size:1em;
	line-height:20px;
	width:50%;
}
.ui-list-form li div:last-child{
	width:auto;
	-webkit-box-flex:1;
}
.ui-flex1 li div:first-child{
	font-weight:bolder;
	font-size:14px;
	width:70%;
}
.ui-flex1 li div:last-child{
	font-weight:bolder;
	font-size:18px;
	width:30%;
}
.ui-list-form li div .small-comment{
	font-weight: normal;
    font-size:12px;
    color: #999;
    line-height:14px;
    padding:2px 0;
    background:none;
}
.ui-add-form .ui-list-form li div:last-child{
	-webkit-box-flex: 0.5;
	width:100%;
}
.ui-add-form .ui-list-form li div:last-child,.ui-list-form li a div:last-child{
	text-align: right;
}

.ui-list-form li a div:last-child{
	padding-right:15px;
}
.ui-list-form-extra{
	background-color:#eee;
}

/***ui-list-form4 start****/
.ui-list-form4,.ui-list-form7{
	padding:0px;
	list-style: none;
	height:auto;
	color: #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(255,255,255,1);
	margin:0px 0px 10px 0px;
}
.ui-list-form4 li{
	display: -webkit-box;
	padding:14px;
	border-bottom: 1px solid #E9E9E9;
}

.ui-list-form4 li:last-child{
	border-bottom: none;
}

.ui-list-form7 li:last-child{
	display: -webkit-box;
	border-top: 1px solid #E9E9E9;
	padding:10px;
}
.ui-list-form7 li:first-child{
	display: -webkit-box;
	border-top: 1px solid #E9E9E9;
}
.ui-list-form7 li{
	display: -webkit-box;
	border-top: 1px solid #E9E9E9;
	padding:10px;
}
.ui-list-form4 li a{
	display: -webkit-box;
	width:100%;
	text-decoration: none;
	background-color:#eee;	
	background: url(../images/icon-disclosure.png)no-repeat transparent 100% 50%;
}


.ui-list-form4 li a img{
	width:31px;
	height:31px;
	-webkit-box-flex: 0.3;
	background-color:#fff;
	-webkit-box-shadow: rgb(175, 174, 174) 0px 0px 5px;
}
.ui-list-form7 li div div img{
	width:24px;
	height:24px;
	-webkit-box-flex: 0.3;
	background-color:#fff;
	-webkit-box-shadow: rgb(175, 174, 174) 0px 0px 5px;
}

.ui-list-form4 li div:first-child{
	font-size: 14px;
	-webkit-box-flex: 0.7;
	text-align: left;
	font-weight: bold;
}

.ui-list-form4 li div:first-child span{
	display:inline-block;
	font-size:14px;
}
.ui-list-form4 li div:first-child span span,.ui-list-form7 li div:first-child div span span{
	display:block;
	padding-right:2px;
}
.ui-list-form4 li div:first-child span small{
	font-weight: normal;
	color:#aaa;
	font-size:14px;
}
.ui-list-form4 li a div:last-child{
	margin: 0px 12px 0px 5px;
	color: black;
	text-align: right;
	height:auto;
	font-size: 16px;
	font-weight: bold;
	line-height:44px;
	-webkit-box-flex: 0.3;
}
.ui-list-form7 li a{
	font-size:14px;
	width:100%;
	display: -webkit-box;
	background: url(../images/icon-disclosure@2x.png) no-repeat 100% 51% ;background-size: 10px 14px;
}
.ui-list-form7 li div:first-child{
	-webkit-box-flex: 0.3;
	text-align: left;
}
.ui-list-form7 li div:last-child{
	-webkit-box-flex: 0.7;
	display: -webkit-box;
	width:65%;
}
.ui-list-form7 li div:last-child div{
	-webkit-box-flex: 0.5;
	display: block;
	margin:0;
	width:50%;
}
.ui-list-form7 li div:last-child div small{
	background-color: #fff;
	border-radius:2px 2px;padding:1px 0;
	font-weight:bold;
	font-size:12px;
	color:#000;
}
.ui-list-form7 li:first-child div:last-child div small{
	font-size:14px;
}
.ui-list-form7 li div:last-child div span{
	display:block;
	font-size:14px;
	background-color:rgba(255,255,255,0);
	text-align: right;
	color:#999; 
	margin:-16px 0px 0px 0px;
	font-weight:normal;
}

.ui-list-form7 li div:first-child div span{
	margin-left:4px;line-height:21px;
}

.ui-list-form7 li div div:first-child img{
	width:24px;height:24px;float:left;
}
.ui-list-form7 li>div:first-child div span{
	font-size:18px;font-weight:bold;background-color:rgba(255,255,255,0);margin-bottom:5px;
	color:#000;
}
.ui-list-form7 li div span{
	font-size:12px;font-weight:bold;background-color:rgba(255,255,255,0);
}

/*.ui-list-form7 li a div div{
	margin: 0px 0px 0px 0px;
	color: black;
	text-align: right;
	height:auto;
	font-size: 16px;
	font-weight: bold;
	/*line-height:44px;*/	
}
.ui-list-form7 li div{
	margin: 0px 0px 0px 0px;
	color: black;
	text-align: right;
	height:auto;
	font-size: 16px;
	font-weight: bold;
	/*line-height:44px;*/	

}*/
.ui-list-form7 li:last-child span:first-child{
	font-size:14px;
	color:#999;
	-webkit-box-flex: 0.3;
}

.ui-list-form7 li span div:first-child {
	background-color:#aaa;
	text-align: left;
	top:2px;
	margin:0px 2px 0px 2px;
	font-weight:bold;
	font-size:12px;
	/*line-height:20px;*/
	-webkit-box-flex: 0.7;
}
.ui-list-form7 li span {
	background-color:#aaa;
	text-align: left;
	right:2px;
	margin:0px 2px 0px 2px;
	font-weight:bold;
	font-size:12px;
	/*line-height:20px;*/
	-webkit-box-flex: 0.7;
}

.ui-list-form7 li div:last-child{
	font-size:14px;
	height:auto;
	font-weight:normal;
	-webkit-box-flex: 0.7;
}
/***ui-list-form4 end***/

/**UI1.5 add Start**/
.ui-list-form3{
	padding:0px;
	list-style: none;
	height:auto;
	color: rgb(51, 51, 51);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(255,255,255,1);
	margin:0px 0px 10px 0px;
	overflow:hidden;
	line-height:21px;
}
.ui-list-form3 li{
	display: -webkit-box;
	padding:14px;
	border-top: 1px solid #E9E9E9;
	margin-top:-1px;
}
.ui-list-form3 li.dropdownLi,.ui-list-form3 li:last-child.dropdownLi{
	padding-right : 0px;
}
.ui-list-form3 li:last-child{
	display: -webkit-box;
	padding:14px;	
}
.ui-list-form3 li a{
	display: -webkit-box;
	width:100%;
	text-decoration: none;
	background-color:#eee;	
	background: url(../images/icon-disclosure.png)no-repeat transparent 100% 50%;
}
.ui-list-form3 li a img{
	width:24px;
	height:24px;
	-webkit-box-shadow: #AFAEAE 0px 0px 5px;
	display:block;
	
}
.ui-list-form3 li span,.ui-list-form li div:first-child{
	-webkit-box-flex: 0.3;
/* 	BUG FIX No.N263, No.N271,No.N272,No.N275, No.N277 By Rachel Gao 2013/7/18 Start */
	/*color: black;*/
	color: #6d6d6d;
/* 	BUG FIX No.N263, No.N271,No.N272,No.N275, No.N277 By Rachel Gao 2013/7/18 End */
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	text-align: left;
	width: 40%;
}
.ui-list-form3 li span.fixForTransfer{
	width: 60%;
}
.ui-list-form3 li a div:last-child,.ui-list-form3 li input{
	margin: 0px 15px 0px 5px;
	text-align: right;
	-webkit-box-flex: 0.7;
}
.ui-list-form3 li a div:last-child{
	color: #ccc;
	font-weight:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: break-word;
}
.ui-list-form3 li a div:last-child.dropdownDiv{
	margin-right: 0px;	
}
.ui-list-form3 li input{
	display:block;
	line-height:16px;
}
.ui-list-form3 li select{
	width:auto;
	position:static;
	max-width:100%;
}

.ui-list-column2.ui-list-form li div:first-child{
	width:70%;
	white-space:normal;
	word-wrap: break-word;
}


.ui-list-form li a div:last-child.ui-unSelected{
	color:#989898;
}
.ui-list-form li a,.ui-list-form3 a.withoutArrow,.ui-list-billpay-form li a.withoutArrow,.ui-list-link3 a.withoutArrow{	
	background: none;
}

.ui-dropdown-list{	
	display:block;
	position: relative;			
}
.ui-selectOption{
     -webkit-appearance: none;
     border: none;
     position : absolute;
     padding: 0 15px 0 0px;    
     font-size: 16px;
	 font-weight: bold;	 	
	 text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	 background: transparent url('../images/bg-select-down-arrow.png') no-repeat 100% 50%;
	 line-height: 22px;
	 width : 100%;
	 text-align:right;
	 /*direction: rtl; this causes unexpected word order*/
}
.ui-selectOption2{
	display: -webkit-box;
	width:100%;
	text-decoration: none;
	text-align:left;
	background-color:#eee;	
	font-weight:bold;
	background: url(../images/bg-select-down-arrow.png)no-repeat transparent 100% 50%;
}
.ui-selectOption1{
     -webkit-appearance: none;
     border: none;
     position : absolute;
     padding: 0 20px 0 0px;    
     font-size: 16px;
	 font-weight: bold;	 	
	 text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	 background: transparent url('../images/bg-select-down-arrow.png') no-repeat  right center;
	 line-height: 24px;
	 width : 100%;
	 text-align:right;
	 /*direction: rtl; this causes unexpected word order*/
}
.ui-ccySelectOption
{
	width:56px !important;
	direction: ltr !important;
}
.ui-ccySelectOption1
{
  width:45px !important;
}
.ui-ccySelectOption2
{
	width:54px !important;
	direction: ltr !important;
}
.ui-selectOption option,.ui-selectOption1 option,.ui-selectOption2 option{
	direction: ltr !important;
}
.ui-selectOption.ui-right{
	right: 0;
	width:100%;
}
.ui-selectOption.ui-left{
	direction: ltr;
	text-align:left;
}
.ui-selectOption.align-left{
	width:100%;
	text-align:left;
	direction: ltr !important;
}
.r-direct .ui-selectOption{
	right:auto;
	left:0px;
	text-align: right;
	padding-left: 15px;
	background: transparent url('../images/bg-select-down-arrow.png') no-repeat left center;
}
/****ui-dropdown-box start****/
.body3 .ui-dropdown-box{
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(104,104,104)), to(rgb(60, 60, 60)));
	border-bottom: 1px solid #252525;
} 
.body3 .ui-dropdown-box .ui-dropdown-list{
	background-color: rgba(223,223,223,1);
 	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(100,100,100,1)), color-stop(0.2,rgb(70,70,70)), to(rgba(35,35,35,1)));
 	-webkit-box-shadow: rgba(32,32,32,1) 0px 1px 2px inset, rgba(0, 0, 0,1) 0px 0px 1px;
 	border-bottom:1px solid #565656;
}
.body3 .ui-dropdown-box .ui-dropdown-list a{
	color: rgba(255,255,255,1);
	-webkit-box-shadow: rgba(32,32,32,1) 0px 1px 2px inset, rgba(0, 0, 0,1) 0px 0px 1px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(80,80,80)), color-stop(0.2,rgb(50,50,50)), to(rgb(10,10,10)));
	color:rgba(255,255,255,1);
}
.body3 .ui-dropdown-box .ui-selectOption{
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
	background: url('../images/bg-select-down-arrow-white.png') no-repeat right center;
}
.body3 .r-direct .ui-dropdown-box .ui-selectOption{
	background: transparent url('../images/bg-select-down-arrow-white.png') no-repeat left center;
}
/*******.ui-dropdown-box end*******/
.ui-dropdown-box{
	padding: 4px 8px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(222, 228, 232)), to(rgb(179, 190, 197)));
	border-bottom: 1px solid #7A868E;
} 
.ui-dropdown-box .ui-dropdown-list,.scopebar .ui-dropdown-list{
	background-color: rgba(223,223,223,1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ECECEC), to(#C6C6C6));
 	-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 1px inset, rgba(255, 255, 255, 0.398438) 0px 0px 1px;
	-webkit-border-radius:  6px 5px 5px 6px;
	border-radius:  6px 5px 5px 6px;
	-webkit-border-bottom-left-radius: 6px 6px;
	-webkit-border-bottom-right-radius: 5px 5px;
	-webkit-border-top-left-radius: 6px 6px;
	-webkit-border-top-right-radius: 5px 5px;
	border: 0px;
	border-bottom:1px solid #fff;
	display:-webkit-box;
	width:100%;
}
.ui-dropdown-box .ui-dropdown-list a,.ui-dropdown-box .ui-dropdown-list div,.scopebar .ui-dropdown-list a,.scopebar .ui-dropdown-list div{	
	display: block;
	color: rgba(255,255,255,1);
	vertical-align: baseline;
	display: block;
	padding: 8px 12px;
	-webkit-border-bottom-left-radius: 5px 5px;
	-webkit-border-bottom-right-radius: 0px 0px;
	-webkit-border-top-left-radius: 5px 5px;
	-webkit-border-top-right-radius: 0px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 1px inset, rgba(255, 255, 255, 0.398438) 1px 1px 0px;
	/*border-right: 1px solid rgba(255, 255, 255, .5);*/
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C9C9C9), to(#A8A8A8));
	background-color: rgba(223,223,223,1);
	color:rgba(255,255,255,1);
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	font-size: 14px;
	font-weight: bold;	
	white-space: nowrap;
	max-width:70%;
	overflow: hidden; text-overflow:ellipsis;
}
.ui-dropdown-box .ui-selectOption,.scopebar .ui-selectOption{
     -webkit-appearance: none;
     display:block;
     -webkit-box-flex: 0.3;
     position:static;
	 margin:0 8px;
     border: none;
     top: 1px;
     color: #6d6d6d;
	 font-size: 14px;
	 font-weight: bold;
	 padding-left: 3px;
	 -webkit-border-radius: 0;
	 text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	 background: url('../images/bg-select-down-arrow.png') no-repeat right center;
	 line-height: 33px;	
	 white-space: nowrap;
	 text-align:left;
	 direction: ltr !important;
}
/*
.ui-dropdown-box.short .ui-dropdown-list a{
	width:25%;
}
.ui-dropdown-box.short .ui-selectOption{
	width:75%;
}
*/
.r-direct .ui-dropdown-box .ui-selectOption{
	padding-left: 15px;
	background: transparent url('../images/bg-select-down-arrow.png') no-repeat left center;
}
/* @group tranfer end add by Sam */

/* @group securityMessage begin */
.ui-list-link li a div span 
{
line-height: 20px;
color: #6d6d6d;
font-size: 0.7em;
font-weight: 500;
text-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 1px;
} 
.ui-list-link li a div h1 
{
line-height: 20px;
color: black;
font-size: 0.9em;
font-weight: 600;
text-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 1px;
}
.ui-list-link li a div h2{
	line-height: 20px;
	color: #666;
	font-size: 0.8em;
	font-weight: normal;
	text-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 1px;
	text-align:left;
}
.addDot{
width:6%;
}
.dot{
background: url(../images/unread-gray-dots.png)no-repeat transparent 0% 50%;
background-size: 13px 13px;
}
.messageLeft
{
width:90%;
}
.messageLeft span
{
text-align: left;
}

.messageRight{
width:4%;
background: url(../images/icon-disclosure.png)no-repeat transparent 100% 50%;
}
.messageRight span
{
text-align: right;
padding-right: 4em;
}
/* @group securityMessage end */
/*** ui list link 2 start **/
.ui-list-link2{
border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
	color: #333;
	line-height: 1.3em;
	height: auto;
	list-style: none;
	background-color:#fff;
	margin:0px;
	padding:0px;
	width: 100%;
	font-size: 16px;
	position: relative;
}
.ui-list-link2 li{
	padding: 1em 0.75em;
	font-weight: bold;	
	text-shadow: white 0px 1px 0px;
	border-bottom: 1px solid #E9E9E9;
}
.ui-list-link2 li:last-child{
	border-bottom:none;
}
.ui-list-link2 a {
	color: #333;
	display: block;
	background: url(../images/icon-disclosure.png)no-repeat transparent 100% 51%;
	padding: 0px .75em 0px 0px;
}
.ui-list-link2 a div.lock{
	color: #333;
	display: block;
	float:left;
	background: url(../images/GV_Lock.png)no-repeat transparent;
	padding: .75em  0px 0px 0px;
	left:0px;
	background-size: 60% 55%;
	width:20px;
	height:20px;
}
.ui-list-link2 li a.withoutArrow {
	background: none;
}
.ui-list-link2 li a div.unavailable {
	border-bottom-color: white;
	border-bottom-left-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	color: #888;
	cursor: auto;
	width:80px;
	font-size: 13px;
	font-variant: normal;
	font-weight: bold;
	line-height: 18px;
	padding: 0px 5px 10px;
	position: absolute;
	right: 9px;
	top: 10px;
}
.ui-list-link2 li a label{
	font-size: 14px;
	color: #666;
	display:block;
	width:100%;

	/*white-space: nowrap;
	width:100%;
	text-overflow: clip;
	text-decoration: none;*/
}
.ui-list-link2 li a label small{
	font-weight: normal;
	font-size:12px;
	display:inline-block;
	color: #6d6d6d;
	line-height:14px;
	padding:2px 0;
}
.ui-list-link2 li a span{
	font-size:22px;
	display:block;
	line-height:22px;
}
.ui-list-link2 li a span small,.ccy{
	padding: 1px 4px;
	background-color: #797979 ;
	text-shadow: none;
	color: white;
	-webkit-border-radius: 2px;
	font-size: 11px;
	position: relative;
	top: -2px;
	vertical-align:middle;
	margin-right:5px;
}

/*** ui list link 2 end **/
/*** ui list link 2 start **/
.ui-list-link3{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEE4E8), to(#B3BEC5));
	border-bottom: 1px solid #7A868E;
	border-top: 1px solid #FFFEFF;
	margin: 0px;
}
.ui-list-link3 li{
	color: #666;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	text-shadow: white 0px 1px 0px;
	padding: 1em 0.75em;
}
.ui-list-link3 li a{
	color: #333333;
	background: url(../images/icon-disclosure.png)no-repeat transparent 100% 51%;
	width:100%;
	display: block;
}
/*** ui list link 2 end **/
/*** ui list mormal 4 start **/
.ui-list-normal4{
	background-color: white;
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;
	border: 0px;
	font: inherit;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	position: relative; 
	vertical-align: baseline;
}
.ui-list-normal4 li{
	border-bottom: 1px solid #E9E9E9;
	font-weight: bold;
	padding: 1em 0.75em;
	position: relative;
	text-shadow: white 0px 1px 0px;
}

.ui-list-normal4 li a{
	color: #333;
	display: block;
	margin: -1em 0px;
	overflow: ;
	padding: 1em 1em 1em 0px;
	text-decoration: none;
}
.ui-list-normal4 li a label{
	color: #666;
	-webkit-appearance: none;
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 14px;
	line-height: 20px;
}
.ui-list-normal4 li a label p:first-child{
	color: #666;
	margin-bottom: 0em;
	font-size:14px;
	font-weight:bold;
	font-style: normal;
}
.ui-list-normal4 li a label p{
	color: #999;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0em;
}
.ui-list-normal4 li a label p:last-child {
	color: #999;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0em;
}
.ui-list-normal4 li a label p:last-child span small{
	color:white;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	margin-left:0px;
}
.ui-list-normal4 li a label small{
	color: #999;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-left:5px;
}
.ui-list-normal4 li a label p:last-child span{
	font-weight: bold;
	font-size: 22px;
	line-height: 20px;
}
.ui-list-normal4 li a span,.ui-list-normal4 li a label p:last-child span{
	font-size: 22px;
	line-height: 20px;
}
.ui-list-normal4 li.expand.on{
	padding-bottom: 0; 
	border-bottom:solid 1px rgba(214,214,214,1);
	background-color: #f4f4f4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(234, 234, 234)));
}
.ui-list-normal4 li.expand.on:last-child{
	border-bottom:none;
}
.ui-list-normal4 li a span small{
	padding: 1px 4px;
	background-color: #797979;
	-webkit-border-radius: 2px;
	color: white;
	position: relative;
	top: -3px;
	margin-right:5px;
	text-shadow: none;
	font-size: 11px;
}
.ui-list-normal4 li a abbr{
	background-color: #AAACAE;
	border-bottom-color: white;
	-webkit-border-radius: 3px;
	color: white;
	cursor: auto;
	display: block;
	position: absolute;
	font-size: 16px;
	font-variant: normal;
	font-weight: normal;
	line-height:10px;	
	padding: 0px 5px 10px 5px;
	right: 9px;
	top: 26px;
}
.ui-list-link2 li:first-child a abbr{
	background-color: #AAACAE;
	border-bottom-color: white;
	-webkit-border-radius: 3px;
	color: white;
	cursor: auto;
	display: block;
	position: absolute;
	font-size: 16px;
	font-variant: normal;
	font-weight: normal;
	line-height:10px;	
	padding: 0px 5px 10px 5px;
	right: 9px;
	top: 13px;
}
.ui-list-normal4 li.on a abbr{
	background-color: #646467;	
}

.ui-list-normal4 ul{
	list-style-type: none;
	background-color: transparent;
 -webkit-box-shadow: none;
  box-shadow: none;
  margin: 1em -.75em 0; 
  padding-left:1em;
  -webkit-border-radius: 0; 
  border-radius: 0; 
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.4); 
  box-shadow: inset 0 1px 2px rgba(0,0,0,.4);
  display:none;
}

.ui-list-normal4 ul li{
	background-color: transparent;
	display: list-item;
	font-weight: bold;
	text-shadow: white 0px 1px 0px;
	padding: 0.25em 0px;
	margin:0px;
}
.ui-list-normal4 ul li p{
	margin-bottom: 0em;
	font-size:12px;
	font-weight:normal;
}
.account-small{
	color:#6d6d6d;
	font-weight: bold;font-size:0.65em
}

/*** ui list mormal 4 end **/


/****scopebar start****/
.body3 .scopebar{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a4a4a), to(#3a3a3a));
	border-top: 1px solid #121212;
	border-bottom: 1px solid #212121;
	
}
.body3 .scopebar ul li{
	border-color:rgba(255,255,255,0);
	-webkit-box-shadow: #000 0px 1px 1px inset;
}

.body3 .scopebar ul li a.on{
	-webkit-box-shadow: black 0px 1px 1px inset, #646464 1px 1px 0px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c1c1c), to(#0c0c0c));
}
.body3 .scopebar ul li a{
	-webkit-box-shadow: #000 0px 1px 1px inset, #646464 1px 1px 0px;
}
.body3 .scopebar ul{
	-webkit-box-shadow: #383838 0px 1px 1px inset;
	border-bottom: 1px solid #6d6d6d;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#272727));
}
.body3 .scopebar ul li a{
	color:#fff;
	text-shadow: rgba(0, 0, 0, 0.648438) 0px 1px 0px;
}

.tab-section{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEE4E8), to(#B3BEC5));
	border-bottom: 1px solid #7A868E;
	border-top: 1px solid #FFFEFF;
	padding: 4px 8px;
}
.tab-section div{
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 1px inset;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ECECEC), to(#C6C6C6));
	border-radius: 5px 5px;
	color: #6D6D6D;
	display: table;
	margin: 0;
	width: 100%;
}
.tab-section a{
	display:table-cell;
	-webkit-box-shadow: rgba(0, 0, 0, 0.699219) 0px 0px 1px inset, rgba(255, 255, 255, 0.199219) 1px 1px 0px;
 	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	padding: 0.5em 0.75em;
	text-decoration: none;
	line-height:19px;
	text-shadow: rgba(255, 254, 255, 0.648438) 0px 1px 0px;
}
.tab-section a.on{
	-webkit-box-shadow: rgba(0, 0, 0, 0.699219) 0px 1px 2px inset, rgba(255, 255, 255, 0.496094) 1px 1px 0px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C9C9C9), to(#A8A8A8));
	color: white;
	text-shadow: rgba(55, 55, 55, 0.347656) 0px -1px 0px;
}
.tab-section a:first-child{
	border-bottom-left-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
}
.tab-section a:last-child{
	border-bottom-right-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}
.tab-section.ui-2tab a{
	width:50%;
}
.tab-section.ui-4tab a{
	width:25%;
}
.tab-section.ui-3tab a{
	width:33.3%;
}
.tab-section.ui-3tab a:last-child{
	width:33.4%;
}
.body3 .tab-section{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a4a4a), to(#3a3a3a));
	border-top: 1px solid #121212;
	border-bottom: 1px solid #212121;
}
.body3 .tab-section div{
	-webkit-box-shadow: #383838 0px 1px 1px inset;
	border-bottom: 1px solid #6d6d6d;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#272727));
}
.body3 .tab-section a{
	color:#fff;
	text-shadow: rgba(0, 0, 0, 0.648438) 0px 1px 0px;
	-webkit-box-shadow: #000 0px 1px 1px inset, #646464 1px 1px 0px;
}
.body3 .tab-section a.on{
	-webkit-box-shadow: black 0px 1px 1px inset, #646464 1px 1px 0px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c1c1c), to(#0c0c0c));
}
.body3 .scopebar ul li:first-child,.scopebar ul li:first-child a,.scopebar ul li:first-child a.on{
	border-bottom-left-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
}
.body3 .scopebar ul li:last-child,.scopebar ul li:last-child a,.scopebar ul li:last-child a.on{
	border-bottom-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}
.scopebar{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEE4E8), to(#B3BEC5));
	border-bottom: 1px solid #7A868E;
	border-top: 1px solid #FFFEFF;
	padding: 4px 8px;
}
.scopebar div{border:0px;margin:0px;padding:0px;vertical-align:baseline;}
.scopebar ul li {font-size: 14px;	color: #686969;text-shadow: white 0 1px 0;line-height: 1.4em;font-weight: bold;position: relative;text-align: right;}
.scopebar ul li {
	font-size: 14px;	
	color: #333333;
	text-shadow: white 0 1px 0;
	line-height: 1.4em;
	font-weight: bold;
	position: relative;
	text-align: right;
	}
.scopebar h2 { color: black; text-shadow: white 0 1px 0; font-weight: bold; font-size: 18px; margin: .5em .25em .25em; }
.scopebar ul { margin: 0.25em .5em; }
.scoperbar .margin-equl ul{margin:0.25em}
.scopebar ul li label { font-weight: normal; font-style: normal; position: absolute; left: 0; top: 0; }
.scopebar ul li a.on{
	-webkit-box-shadow: rgba(0, 0, 0, 0.699219) 0px 1px 2px inset, rgba(255, 255, 255, 0.496094) 1px 1px 0px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C9C9C9), to(#A8A8A8));
	color: white;
	text-shadow: rgba(55, 55, 55, 0.347656) 0px -1px 0px;
}
input[type="search"], .tableview li input[type="search"] { -webkit-appearance: none;  appearance: none; width: 100%; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.2); border: none; -webkit-border-radius: 15px; border-radius: 15px; margin-bottom: .25em; background: url(../images/icon-search.png) no-repeat 8px center, white; padding-left: 1.8em; font-size: .9em; padding-top: .5em; padding-bottom: .4em;}
.scopebar .selector { position: relative; }
.scopebar .selector label { position: absolute; top: 2px; left: 0; width: 40%; display: block;  border-style: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,201,201,1)), color-stop(100%,rgba(168,168,168,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(201,201,201,1) 0%,rgba(168,168,168,1) 100%); /* Chrome10+,Safari5.1+ */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.4), 1px 1px 0 rgba(255,255,255,0.4); color: white; text-shadow: rgba(55,55,55,0.35) 0 -1px 0; font-weight: bold; font-size: 14px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.1em; padding: .6em .75em .7em; }
.scopebar .selector select { -webkit-appearance: none; width: 100%; border-style: none; background: url(../img/icon-arrow-select-down@2x.png) no-repeat 98% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(198,198,198,1))); /* Chrome,Safari4+ */
background: url(../img/icon-arrow-select-down@2x.png) no-repeat 98% 50%, -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(198,198,198,1) 100%); /* Chrome10+,Safari5.1+ */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.4), 0 1px 0 white; color: #6d6d6d; text-shadow: rgba(255,254,255,0.65) 0 1px 0; font-weight: bold; font-size: 14px; background-size: 8px auto, auto; -webkit-border-radius: 5px; overflow: hidden; text-overflow: ellipsis; padding: .5em 1.1em .5em 43%; white-space: nowrap; }
.segmented-nav ul { display: -webkit-box; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(198,198,198,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(198,198,198,1) 100%); /* Chrome10+,Safari5.1+ */ color: #6d6d6d; -webkit-border-radius: 5px; margin-bottom: .2em; margin-top: .2em; }
.segmented-nav ul li { -webkit-box-flex: 1; text-align: center; }
.segmented-nav ul li a { display: block; text-decoration: none; color: #6d6d6d; text-shadow: rgba(255,254,255,0.65) 0 1px 0; font-size: 12px; font-weight: bold; padding: .7em .75em .6em; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.7), 1px 1px 0 white; }
.segmented-nav ul li a.on { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,201,201,1)), color-stop(100%,rgba(168,168,168,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(201,201,201,1) 0%,rgba(168,168,168,1) 100%); /* Chrome10+,Safari5.1+ */ -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.7), 1px 1px 0 white; color: white; text-shadow: rgba(55,55,55,0.35) 0 -1px 0; }
.segmented-nav ul li:first-of-type a { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.segmented-nav ul li:last-of-type a { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.7), 0 1px 0 white }

/****scopebar end ****/

.ui-list-link-oneLine li a div h1{
	color: #666;
}
.ui-list-link-oneLine li a div h1,.ui-list-link-oneLine li a div span{
	display:inline-block;
}

.ui-list-form7 li div div.widthctrl{
	width:100px;
}

.ui-list-form9 li div select.widCtrl{
	width:53px;
	padding-right:10px;
}

.ui-list-form7 li div.widControl{
	width:35%;
	line-height:10px;
}
.ui-list-form7 li div.widControlSpec{
	font-size:14px;
	width:60%;
}
.ui-list-form7 li div span.alignment{
	line-height: 15px;
	margin: 0px 2px 0px 26px;
	display:block;
	color:black;
}
/*some fixed for the uneven of layouts*/
.margin-up{
	margin-top:-6px;
}
.margin-down{
	margin-top:10px;
}
/*GV layout */
.ui-list-link2 li label.gvstyle{
	font-size: 14px;
	color: #666;
	display:block;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#575757;
	font-weight: normal;
}
li.li-list-normalgv{
	padding:1em 0em;
}
li.li-list-normalgv.open{
	border-bottom:none;
}
.ui-list-normal4 li a label.gvlabel{
	font-size:16px;
	color:#333;	
}
.ui-list-normal4 ul.gvul{
	margin:1em -1em 0;
	}
.ui-list-normal4 li.expandgv{
	padding:0em 0.75em;
	}	
	
.ui-list-normal4 li.expandgv.on{
	padding-bottom: 0; 
	border-bottom:solid 1px rgba(214,214,214,1);
	background-color: white;
}
.ui-list-normal4 li.expandgv.on:last-child{
	border-bottom:none;
}	
/*GV layout */
.ui-list-link2 li label.gvstyle{
	font-size: 14px;
	color: #666;
	display:block;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#575757;
	font-weight: normal;
}
.ui-list-normal4 li a label.gvlabel{
	font-size:16px;
	color:#333;	
}
.ui-list-normal4 ul.gvul{
	margin:1em -1em 0;
	}
.ui-list-normal4 li.expandgv{
	padding:0em 0.75em;
	}	
	
.ui-list-normal4 li.expandgv.on{
	padding-bottom: 0; 
	border-bottom:solid 1px rgba(214,214,214,1);
	background-color: white;
}
.ui-list-normal4 li.expandgv.on:last-child{
	border-bottom:none;
}	
.li-list-normalgv .gvul2{
	-webkit-box-shadow:none;
}
.ui-list-link2 li.expandgv a abbr{
	background-color: #AAACAE;
	border-bottom-color: white;
	-webkit-border-radius: 3px;
	color: white;
	cursor: auto;
	display: block;
	position: absolute;
	font-size: 16px;
	font-variant: normal;
	font-weight: normal;
	line-height:10px;	
	padding: 0px 5px 10px 5px;
	right: 9px;
	top: 16px;
}
.ui-list-link2 li.on.expandgv a abbr{
	background-color: #646467;	
}
.ui-list-link2 li.productDisclass{
		padding:0em 0.75em;
		border:none;
	}
.ui-list-link2 li.productDisclass div{
		padding:1em 0em;
		border-top:solid 1px rgba(214,214,214,1);
	}
		
li.gvlinkdetail{
	border-top:solid 1px rgba(214,214,214,1);
	}	
	
/**start phase 3*/
.ui-2column{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
  background-color: white;
}
.ui-2column.noShadow{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow:none;
  background-color: white;
}
.ui-2column li:first-child{
	font-weight:bold;
}
.ui-2column li{
	color:#000;
	padding:8px 6px;
	display: -webkit-box;
	border-bottom: 1px solid #E9E9E9;
}
.ui-2column li:last-child{
	border-bottom: none;
}
.ui-2column li div{
	width:50%;
	-webkit-box-flex: 1;
}
.ui-list-normal4 li div label small{
    display: block;
    font-weight: normal; 
    font-style: normal;
    color: #6d6d6d; 
    font-size: 12px; 
    white-space: normal; 
    line-height: 1em; 
    margin-top: .25em; 
    
}
.ui-list-table { 
	background-color: white; 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5); 
	box-shadow: 0 1px 2px rgba(0,0,0,.5); 
}
.ui-list-table li { 
	border-bottom: 1px solid #e9e9e9; 
	position: relative; 
  font-weight: bold; 
	font-size: 12px;
	padding: 12px; 
	color: #333; 
	line-height: 1.1em;
	text-shadow: white 0 1px 0; 
}
.ui-list-table.ui-list-items li h3{
	text-shadow: white 0 1px 0;
	font-weight:bold; 
	color:#666;
	position:relative;
	top:-6px;
}
.ui-list-table.ui-list-items li a,.ui-list-table li.ui-list-item{
	display:-webkit-box;
}

.ui-list-table.ui-list-items li a div.ui-left-panel,.ui-list-table li.ui-list-item div.ui-left-panel{
	width:120px;
}

.ui-list-table.ui-list-items li a div.ui-left-panel img,.ui-list-table li.ui-list-item div.ui-left-panel img{
	vertical-align:bottom;
}

.ui-list-table.ui-list-items li a div.ui-right-panel,.ui-list-table li.ui-list-item div.ui-right-panel{
	position:relative;top:0px;
	-webkit-box-flex:1;
	font-size:12px;
	color:#6D6D6D;
	font-weight:normal;
	vertical-align:top;
}

.ui-list-table.ui-list-items li a div.ui-right-panel.ui-top-panel,.ui-list-table li.ui-list-item div.ui-right-panel.ui-top-panel{
	top:0px;
	vertical-align:top;
}

.ui-list-table.ui-list-items li a div.ui-right-panel div,.ui-list-table li.ui-list-item div.ui-right-panel div{
	display:-webkit-box;
	vertical-align:bottom;
}
.ui-list-table.ui-list-items li a div.ui-right-panel div,.ui-list-table li.ui-list-item div.ui-right-panel div.ui-whole-line{
    display:block;
    vertical-align:bottom;
    line-height:19px;
}
.ui-list-table.ui-list-items li a div.ui-right-panel div,.ui-list-table li.ui-list-item div.ui-right-panel div.ui-whole-line span{
    float:right;
    font-weight:normal;
    font-size:12px!important;
    color:#8B8B8B;
    
}
.ui-list-table.ui-list-items li a div.ui-right-panel div div:first-child,.ui-list-table li.ui-list-item div.ui-right-panel div div:first-child{
	width:50%;
	display:block;
	line-height: 19px;
}
.ui-list-table.ui-list-items li a div.ui-right-panel div div:last-child,.ui-list-table li.ui-list-item div.ui-right-panel div div:last-child{
	width:50%;
	display:block;
	text-align:right;
	line-height: 19px;
}

.ui-list-table.ui-list-items li a div.ui-right-panel span,.ui-list-table li.ui-list-item div.ui-right-panel span{
	display:block;
	font-size:14px;
	/*BUG FIX NO.N279 BY Susan Liang start at 2013/07/18 13:29*/
	/*color:#333;*/
	color:#6d6d6d;
	/*BUG FIX NO.N279 BY Susan Liang start at 2013/07/18 13:29*/
	line-height: 19px;
}
.ui-list-table.ui-list-items li a div.ui-right-panel span:first-child,.ui-list-table li.ui-list-item div.ui-right-panel span:first-child{
	font-size:18px;
	color:#000;
	font-weight:bold;
	line-height: 22px;
}
.ui-list-table.ui-list-detail
{
	border-radius: 5px ;  
	-webkit-border-radius: 5px;
}
.ui-list-table.ui-list-detail li.ui-list-header-item
{
	border:none;
	padding-top:8px;
	padding-bottom:0px;
	font-size:18px;
	color:#000;
}

.ui-list-table.ui-list-detail li
{
	font-size:12px;
	color:#6d6d6d;
}
.ui-list-table.ui-list-detail li.greyBack{
       background-color:#F0F0F0;
       -webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 2px inset;
       font-weight:normal;
       color:#333;
}
.ui-list-table.ui-list-detail li:last-child
{
	border-bottom:none;
}

.ui-list-table .ui-form-panel
{
	display:-webkit-box;
	color: #8B8B8B;
	font-weight:normal;
}
.ui-list-table .ui-form-panel input{
	line-height:16px;
}
.ui-list-table .ui-form-panel1 input{
	display:block;
	text-align:left;
	width:100%;
}
.ui-list-table .ui-form-panel1 div{
    line-height:22px;
}
.ui-list-table .ui-form-panel span:first-child
{
	-webkit-box-flex:0.3;
	display:block;
	text-align:left;
	font-size: 14px;	
	color: #8B8B8B;
	line-height: 22px;
}
.ui-list-table .ui-form-panel span:last-child
{
	-webkit-box-flex:0.7;
	display:block;
	text-align:right;
	font-size: 16px;
	font-weight:bold;
	line-height: 22px;
}
.ui-list-table .ui-form-panel input
{
	-webkit-box-flex: 0.7;
	text-align:right;
	display:block;
}
.ui-list-3column{
	margin:0px;
	background:#FFF;
}
.ui-list-3column li
{
	display:-webkit-box;
	-webkit-box-orient :horizontal;
  padding:6px 0px;
	border-bottom: 1px solid #E9E9E9;
	width:100%;
}
.ui-list-3column li:first-child div{
	color:#000;
}
.ui-list-3column li:last-child{
	border-bottom:none;
}
.ui-list-3column li div
{
	display:block;
	width: 30%;
	font-size:12px;
	color:#666;
	text-align:left;
	-webkit-box-flex:1;
}
.ui-list-3column li div:first-child
{
	width: 40%;
}
.ui-list-3column li div:last-child
{
	text-align:right;
}
.ui-list-table li div.ui-2col,.ui-list-table li a div.ui-3col,.ui-list-table li a div.ui-4col
{
	display:-webkit-box;
	position: relative;
	width:100%;
}
.ui-list-table li a div.ui-2col div:first-child{
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    text-align: left;
    width: 50%; 
    -webkit-box-flex: 1;
}
.ui-list-table li a div.ui-4col span{
	-webkit-box-flex: 1;
	color:#6d6d6d;
	font-weight:bold;
	font-size: 14px;
	text-align:left;
	display:block;
}
.ui-list-table li a div.ui-2col div:last-child{
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    text-align: right;
    width: 50%;
    -webkit-box-flex: 1;
}
.ui-list-table li a div.ui-3col div
{	
	line-height:18px;
	 -webkit-box-flex:1;
	 color:#000;
	 text-align:left;
	 font-size: 16px;
	 width:35%;
	 font-weight:bold;
}
.ui-list-table li a div.ui-3col.ui-grey div{
  color:#6D6D6D;
}
.ui-list-table li a div.ui-3col div:last-child
{
	width:30%;
	padding-left:20px;
}
.ui-list-table li a span.title{
	font-size:18px;
	color:#000;
	font-weight:bold;
	line-height:22px;
}
.ui-list-table li a div.ui-2col.ui-2col-left div:first-child{
	 width: 20%; 
}
.ui-list-table li a div.ui-2col.ui-2col-left div:last-child{
	 text-align:left;
}
.ui-list-table li a div.ui-2col.ui-2col-stock div:first-child{
	 width: 70%; 
}
.ui-list-table li a div.ui-2col.ui-2col-stock div:last-child{
	 width: 30%; 
}
	.ui-list-table li a { display: block; color: #6d6d6d; text-decoration: none;
	background: url(../images/icon-disclosure@2x.png) no-repeat 100% 51% ;background-size: 10px 14px;
	overflow: hidden; 
	 font-size: 14px;
	font-weight:normal;
	text-overflow:ellipsis; 
	padding: 1em 1em 1em 0; 
	margin: -1em 0; 
}
.ui-list-table li p{
	font-size: 14px;
	font-weight:normal;
	margin:0px;
}
ul.actsheet-list.ui-detail{   
  margin: 0px;
  background:#fff;
  display: block;
  list-style: none;
}
ul.actsheet-list.ui-detail li{   
  padding: 12px;
}

.ui-list-link2.ui-list-hide-text a {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;

}
.ui-list-link2 li.checkbox,ui-list-normal4 li.checkbox{
	padding:8px 0px;
}
.ui-list-link2 li.checkbox div,.ui-list-normal4 li.checkbox div{
	margin:0px;
}
.ui-list-normal4.ui-list-link2 li a.withoutBg
{
	background:none;
}
.ui-list-normal4.ui-list-link2 li a abbr{
   top: 16px;
}
.ui-list-normal4 li p { font-weight: normal; font-style: normal; font-size: 14px; margin-bottom: .5em; }
.footer { text-align: center; padding: .35em .5em .5em; }
.footer.fixed { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.42)), color-stop(16%,rgba(2,2,2,0.75)), color-stop(30%,rgba(4,4,4,0.85)), color-stop(100%,rgba(14,14,14,0.9))); }
.ui-link-header{padding: 6px 12px 6px;border-bottom: 1px solid #7A868E;}
.ui-link-header h2 {text-shadow: white 0px 1px 0px;margin:0px; }
.ui-link-header{background:#C8D1D6;}
.ui-link-header div.withArrow {background:url(../images/icon/icon-arrow.png) no-repeat 100% 50%;}
.ui-link-header div.withArrow {background:url(../images/icon/icon-arrow.png) no-repeat 100% 50%;}
.ui-link-header label { font-size:12px;font-weight: normal;color:#333333;text-shadow:#fff 0px 1px 0px; }
.ui-float-box.fixed { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.42)), color-stop(16%,rgba(2,2,2,0.75)), color-stop(30%,rgba(4,4,4,0.85)), color-stop(100%,rgba(14,14,14,0.9))); }
.ui-float-box.fixed.group-two {background:none;}
.ui-float-box.fixed .ui-btn-enter{
   -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,.5); 
}
.ui-list-link2.ui-list-add{
	border-radius: 0px;
  -webkit-border-radius: 0px;
}
.ui-list-link2.ui-list-add li a{
	background: url(../images/icon/add.png) no-repeat transparent 100% 50%;
}

.ui-list-link2.ui-list-row li div{
	color: black;
	font-size:14px;
}
.ui-list-link2.ui-list-row li div span{
	color: #666;
	font-size:12px;
	font-weight:bold;
	display:inline-block;
}
.ui-list-link2.ui-list-row li div small{
	color: #6d6d6d;
	font-size:12px;
	font-weight:normal
}
.ui-list-padding6pix li{
	padding-top:6px !important;
	padding-bottom:6px !important;
}
.ui-list-padding12pix li{
	padding-top:12px !important;
	padding-bottom:12px !important;
}
.ui-list-link2.ui-list-stock{
	border-radius: 0px;  
	-webkit-border-radius:0px;
}
.ui-list-link2.ui-list-stock li div span
{
	display:inline;
	font-size:16px;
}
.ui-list-link2.ui-list-stock li div span:last-child
{
	padding-left:24px;
	text-overflow:ellipsis; 
	white-space:nowrap;
	overflow:hidden;
}
.ui-list-form3 li.ui-up{
	padding-bottom:0px;
}
.ui-list-form3 li.ui-up a span{
	font-size:16px;
	font-weight:bold;
	color:#000;
}
.ui-list-form3 li.ui-up a div{
	margin-right:0px;
	font-size:16px;
	font-weight:bold;
	color:#000;
}
.ui-list-form3 li.ui-notes{
	border-top:none;
	padding:0px;
	display:block;
}
.ui-list-form3 li.ui-notes div{
	text-align:center;
	display:block;
	font-size:12px;
	color:#999;
	display:block;
}
.ui-list-form3 li.ui-info
{
	display:block;
}
.ui-list-form3 li.ui-info div{
	display:block;
}
.ui-list-form3 li.ui-info div.ui-2column{
	display: -webkit-box;
	
}
.ui-list-form3 li.ui-info div.ui-2column span{
	display:block;
	font-size:14px;
	color:#000;
	width:50%;
	-webkit-box-flex:1;
}
.ui-list-form3 li.ui-info div.ui-2column span:last-child{
	text-align:right;
	font-weight:bold;
}
.ui-list-normal4 li.expand.on.ui-last{
    padding-bottom: 16px; 
    background-color: transparent;
}
.ui-list-link2 li div.ui-2span {
	font-size:12px;
	dispaly:block;
	line-height:18px;
}
.ui-list-link2 li div.ui-2span.ui-right {
	text-align:right;
}
.ui-list-link2 li div.ui-2span.ui-right span{
	text-align:left;
	float:left;
}
.ui-list-link2 li div.ui-2span span{
	display:inline;
	line-height:18px;
}
.ui-list-link2 li div.ui-2span span:first-child{
	font-size:12px;
	color:#333;
	font-weight:bold;
}
.ui-list-link2 li div.ui-2span span:last-child{
	color:#333;
	font-size:12px;
	font-weight:normal;
}
.ui-search-btn{
	background:url(../images/icon-search@2x.png) no-repeat 8px center;
	background-size: 17px; 
	position:absolute;
	top:0px;
	height:30px;
	width:30px;
	left:1px;
}

.ui-list-more li.ui-toggle
{
	line-height:22px;
}
.ui-list-more li a abbr{
    background-color: #AAACAE;
    border-bottom-color: white;
    -webkit-border-radius: 3px;
    color: white;
    cursor: auto;
    display: block;
    position: absolute;
    font-size: 16px;
    font-variant: normal;
    font-weight: normal;
    line-height:10px;   
    padding: 0px 5px 10px 5px;
    right: 9px;
    top: 50%;
    margin-top:-10px;
}
.ui-list-more li.on a abbr{
   background-color: #646467;  
}

.ui-list-terms li.terms{
	position: relative !important;
	display:block !important;
}
.ui-list-terms li.terms input{   
    margin-top: -15px !important;
    position: absolute !important;
    left: 2px !important;
    top: 50% !important; 
}
.ui-list-terms li.terms input.left-12{   
    
    left: 10px !important;
   
}
.ui-list-terms li.terms div{   
    padding-left:30px !important;   
}
.ui-list-terms li.terms div.left-35{
	  padding-left:35px !important;
}
 .stockTab.disabled{ opacity: 0.4; }
.ui-list-link2 li{
	position:relative;
}
.tab-section a.first{
    border-bottom-left-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
}
.tab-section a.last{
    border-bottom-right-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
}

.ui-list-toggle li.expand.on{
    padding-bottom: 0; 
}
.ui-list-toggle li.toggle-item a {
   position:relative;
   background:none !important;
}
.ui-list-toggle li ul{
 margin-top:16px;
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EAEAEA));
}
.ui-list-toggle li li:first-child
{
	border-top: 1px solid #E9E9E9;
}
.ui-list-link2 li.expand.on a abbr{
	background-color: #646467;	
}
.ui-list-toggle li.expand.on a abbr{
	background-color: #646467;	
}
.ui-list-toggle li.toggle-item a abbr{
    background-color: #AAACAE;
    border-bottom-color: white;
    -webkit-border-radius: 3px;
    color: white;
    cursor: auto;
    display: block;
    position: absolute;
    font-size: 16px;
    font-variant: normal;
    font-weight: normal;
    line-height:10px;   
    padding: 0px 5px 10px 5px;
	margin-top:-10px;
    right: 9px;
    top: 50%;
}
.ui-list-toggle li ul li span{
	display:block;
}
.disBlock
{
  display:block !important;
}
/** stock alert **/
.stock-radio-right{
		margin-top: -15px !important;
		position: absolute !important;
		right: 2px !important;
		top: 50% !important;	
}
.stock-radio-left{
		margin-top: -15px !important;
		position: absolute !important;
		left: 2px !important;
		top: 50% !important;	
}
.ui-list-table.ui-list-toggle li.toggle-item{
	padding-right:0px;
}
.ui-list-table.ui-list-toggle li.toggle-item a abbr{
	right: 3px;
}
.ui-list-table li a div.ui-4col span:first-child{
	width:23%;
}
.ui-list-table li a div.ui-4col span.span-second{
	width:33%;
}
.ui-list-table li a div.ui-4col span.span-third{
	width:22%;
}
.ui-list-table li a div.ui-4col span:last-child{
	width:22%;
}
.ui-list-no-bottom li:last-child{
	border-bottom:none !important;
}
.ui-list-table.ui-list-toggle ul{
  border-radius: 0; 
  box-shadow: inset 0 1px 2px rgba(0,0,0,.4);
  margin-bottom:0px;
  margin: 12px 0px 0px -12px;
}
.ui-list-table.ui-list-toggle ul li{
	padding:6px 12px;
}
.ui-list-table.ui-list-toggle ul li p:first-child{
	font-size:14px;
}
.ui-list-table.ui-list-toggle ul li p{
	color:#666;
	font-weight:bold;
	font-size:12px;
}
.ui-list-panel{
    padding:0px;
    list-style: none;
    height:auto;
    color: rgb(51, 51, 51);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(255,255,255,1);
    margin: 0px 0px 10px;
    text-shadow: white 0px 1px 0px;
}
.ui-list-product{
	margin-bottom:0px;
}
.ui-list-product li{
	padding:6px 12px;
	font-size:16px;
	color:#000;
	font-weight:bold;
	word-wrap:normal;
}
.ui-list-product li div span{
	display:block;
}
.ui-list-product li div{
	display:-webkit-box;
	position: relative;
	width:100%;
}
.ui-list-product li div span:first-child{
	-webkit-box-flex: 1;
	width:22%;
}
.ui-list-product li div span:last-child{
	color:#333;
	width:78%;
	-webkit-box-flex: 1;
}
.ui-table-panel{
	margin:0px 12px 12px;
}
.ui-table{
	margin:0px;
	padding:0px;
	cell-spacing:0px;
	border-spacing:0px;
	border:0px;
	border-collapse:collapse;  
	font-size:14px;
	font-weight:bold;
	color:#333;
}
.ui-table tr.head{
  background:#999 !important;
  color:#000;
}
.ui-table tr td{
	align:center;
	padding:3px;
	border-right:1px solid #fff;
	text-align:right;
	width:26%;
}
.ui-table tr:nth-child(even){
	background:#ddd;
}
.ui-table tr td:first-child{
	text-align:left;
	width:48%;
}
.ui-list-column.ui-list-gradient3 li a{
	display:block !important;
}
.ui-list-column.ui-list-gradient3 li a div.ui-2col{
	display:-webkit-box;
	position: relative;
	width:100%;
}

.ui-list-gradient3 li a div small
{
	color:#666;
	font-size:12px;
}
.ui-list-gradient3 li a div h3
{
	color:#000;
	font-weight:bold;
	font-size:16px;
}
.ui-list-gradient3 li a div h3 small{
    font-weight: normal;
    font-size:12px;
    width:97%;
    display:inline-block;
    color: #999;
}
.ui-list-gradient3.ui-list-column li a div.ui-2col div:first-child{
	width:60%;
	display:block;
	-webkit-box-flex:1;
}
.ui-list-gradient3.ui-list-column li a div.ui-2col div:last-child{
	width:60%;
	display:block;
	text-align:right;
	padding-right:12px;
	-webkit-box-flex:1;
	font-size:12px;
}
.ui-list-gradient3.ui-list-column li{
	position: relative;
}

.ui-list-gradient3.ui-list-column li.ui-select a{
	 padding-left:20px;
	 
}
.ui-list-gradient3.ui-list-column li.ui-select a div:first-child{
  width:100%;
}
.ui-list-form3 li span small{
    padding: 1px 4px;
	background-color: #797979 ;
    text-shadow: none;
    color: white;
    -webkit-border-radius: 2px;
    font-size: 11px;
    position: relative;
    top: -2px;
    vertical-align:middle;
    margin-right:5px;
    right:-5px;
}
.ui-list-form3 li.ui-info span{
	color: #333;
	font-size:16px;
	font-weight:bold;
}
.ui-list-form3 li.ui-info small{
	font-weight: normal;
    font-size:12px;
    display:inline-block;
    color: #6d6d6d;
    line-height:14px;
    padding:2px 0;
    background:none;
}
/**end phase 3*/
/**Tax loan css begin**/
.ui-list-promotionInfo{
	background-color: white;
	border: 1px solid gainsboro;
	display: inline-block;
	height: auto;
	list-style: none;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 100%;
}
.ui-list-promotionInfo li:first-child{
	color: #333;
    padding:10px 15px 0px 15px;
}
.ui-list-promotionInfo li div{
	padding:10px 15px 0px 15px;
}
.ui-list-promotionInfo li p{
	padding:5px 5px 0px 0px;
	font-weight: bold;
	font-size: 14px;
}
.ui-list-promotionInfo li div div{
	vertical-align:top;
    padding: 0px 0px 5px 15px;
	font-size: 14px;
}
.ui-list-promotionInfo li  div .ui-white-bgbDetails{	
    background: url(../images/cmark.jpg) no-repeat; 
	background-size : 18px 21px;
}

/**Travel Surance CSS Start**/
.summary01 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;
}
.summary02{
    color: #888;
	font-weight: bold;
	font-size: 12px; 
}
.summary03{
	font-weight: bold;
	font-size: 12px; 
}
.summary04{
    color: #bbb;
	font-weight: bold;
	font-size: 12px; 
}

.ui-list-link3 li a label h2 { 
	color: black; 
	text-shadow: white 0 1px 0; 
	font-weight: bold; 
	font-size: 18px;
	padding-right:20px
}
.ui-list-link3 li a label { 
	font-size:14px;
	text-shadow: white 0 1px 0; 
	color:#333333;
	font-weight:normal;
}
ul.actsheet-list li.seporatorline{
	border-bottom: 1px solid #E9E9E9; 
}

.ui-list-link3 li a.whiteArrow {background:url(../images/icon/icon-arrow.png) no-repeat 100% 50%;}
/**Travel Surance CSS END**/
.ui-list-form li.ui-info {
	display: block;
}
.ui-list-form li.ui-info a{
	background: url(../images/icon-disclosure.png)no-repeat transparent 100% 50% ;
	display: block;
	text-align: left;
}
.ui-list-form li.ui-info a small{
	font-size:12px;
}

.ui-list-form li.ui-info a small.small-comment{
	font-weight: normal;
    font-size:12px;
    display:inline-block;
    color: #676767;
    line-height:14px;
    padding:2px 0;
    background:none;
}

.ui-list-gradient3.ui-list-column li.ui-select-right input{   
    margin-top: -15px;
    position: absolute;
    right: 2px !important;
    top: 50%;   
}
.ui-list-gradient3.ui-list-column li.ui-select-left input{   
    margin-top: -15px;
    position: absolute;
    left: 2px !important;
    top: 50%;   
}
.ui-list-gradient3.ui-list-column li.ui-select.ui-select-right a{
     padding-right:10px;
     padding-left:10px;
}

.ui-list-gradient3.ui-list-column li.ui-style-right a div.ui-2col div:last-child{
	width:70%;
	display:block;
	text-align:right;
	padding-right:12px;
	-webkit-box-flex:1;
	font-size:12px;
}
.ui-list-table li a div.ui-3col  div.gray
{
	 
	 color:#6D6D6D;
	 text-align:left;
	font-size: 16px;
	 font-weight:bold;
	 margin-bottom:3px;
	 
}

/*iscroll part css start*/
.ui-nav {
    margin:12px auto;
	text-align:center;
}
.ui-prev, .ui-next {
    float:left;
    display: block;
    text-indent: -999px;
    top:50%;
    width:16px;
    height:16px;
	padding-right: 3px;
    background:url('../../lib/images/sprite-cal@2x.png') no-repeat;
	background-size:20px auto;
}
.ui-next {
	float:right;
	background-position: 0px -20px;
}
.ui-indicator {
	margin:0px atuo;
	display:inline-block;
}
.ui-indicator > div{
	display:inline-block;
	padding:0;
  text-indent:-9999em;
  width:8px;
	height:8px;border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
	background:#bbb;
	overflow:hidden;
	margin-right:4px;
	margin-top:7px;
}
.ui-quote-mt{
    margin-top:10px;
}
.ui-indicator > div.active {
	background:#888;
}
.ui-indicator > div:last-child {
	margin:0;
}
.ui-wrapperPanel {
	margin:-6px auto;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
	border-radius:4px;
	o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.quote-margin{
	margin:-25px auto;
}
.ui-scrollerPanel {
	height:100%;
	float:left;
	padding:0px;
	background:transparent;
	margin-bottom:5px;
}
.ui-scrollerPanel div.outside{
	display:block;
	float:left;
	height:100%;
	padding:0;
	margin:0;
	width:100%;
}
.ui-scrollerPanel div.outside.bgwhite{
    background:#fff;
}
.ui-scrollerPanel div.outside div.inside {
	display:block;
	float:left;
}
.inside .markets_dataChart{
  
  margin:0px 8px;
  background:#fff;
  height:150px;
  border-radius:5px;
  padding:10px 10px 15px 10px;
}
.inside .markets_dataChart .markets_dataChart_detail{
  background:powderblue!important;
  height:100%;
  width:100%;
  border: 1px solid cyan;
}
.ui-times{
	display:block;
	position:relative;
	margin: 0 auto;
	top:-47px;
	z-index:2;
	text-align:center;
	color:#333;
	width:100px;height:20px;
	font-weight: bold !important;
} 
/*iscroll part css end*/
.ui-list-form007{
background-color: white;
color: #333;
height: auto;
list-style: none;
margin: 0px 0px 10px;
padding: 0px;
border-top: 1px solid #E9E9E9;
}
/*Loans  CSS begin*/
.ui-list-table li a div.ui-4col span.span-first50{
	width:50%;
}
.ui-list-table li a div.ui-4col span.span-two-thrid{
    text-align:right;
	width:25%
}
.ui-list-table li a b{
	font-size:14px;
	color: black;
}
.ui-list-table li a div.ui-4col span.span-text{
	text-align:right;
}

.ui-list-normal5{
	background-color: white;
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;
	border: 0px;
	font: inherit;
	font-size: 100%;
	margin-bottom :15px;
	padding: 0px;
	position: relative; 
	vertical-align: baseline;
}
.ui-list-normal5 li{
	border-bottom: none;
	font-weight: bold;
	padding: 0.5em 0.75em;
	position: relative;
	text-shadow: white 0px 1px 0px;
}
.ui-list-normal5 li.noLeftPadding{
	border-bottom: none;
	font-weight: bold;
	padding:0px;
	position: relative;
	text-shadow: white 0px 1px 0px;
}
.ui-list-normal5 li.noLeftPadding img{
  width:100%;
  margin-bottom:-5px;
  border:1px;
}
.ui-list-normal5 li label{
	color: #333;
	-webkit-appearance: none;
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 1.275em;
	line-height: 25px;
	font-weight:bold;
	text-align:left;
	word-wrap:break-word;
}
.ui-list-normal5 li div{
	width:100%;
	padding:0px;
	margin:0px;
}
.ui-list-normal5 li p{
	width:100%;
	padding:0px;
	margin:0px;
	font-size: 14px;
	line-height: 20px;
	font-weight:bold;
	text-align:left;
	word-wrap:break-word;
}
.ui-list-normal5 li div span{
	display:inline-block;
}
.ui-list-normal5 li div span.lineFeed{
	padding-left:20px!important;
	margin-top:-16px;
}
.ui-list-sign{
	float:left;
	border:8px solid;
	border-color:transparent transparent transparent rgb(204,10,10);
}
.scopebar-black ul{
	-webkit-box-shadow: none!important;
	background-image: none!important;
	border-bottom: none!important;
}
.scopebar-black ul h2{
	color : white!important;
}
/*Loans  CSS end*/
/*Balance page add css start*/
.ui-link-radius{
    border-bottom-left-radius: 0px 0px;
    border-bottom-right-radius: 0px 0px;
}
.ui-span-font{
font-weight: bold; 
font-size: 14px !important;
font-style: normal;
color: #6d6d6d;
}
.ui-span-label{
color: #6d6d6d;
}
/*Balance page add css end*/
/*investment balance begin*/

.ui-link-header2{background:#DCDCDC;}
.ui-list-link2 li a span b{
color: #999;
font-size: 12px;
font-weight: bold;
line-height: 14px;
display:inline;
	
}

/*investment balance end*/
.ui-borday-style {
font-size: 13px;
font-weight:normal;
padding-left: 12px;
}
.ui-borday-stockAlert {
border-bottom: 1px solid #B5B5B5;
border-top: 1px solid #B5B5B5;
border-left: 1px solid #B5B5B5;
border-right: 1px solid #B5B5B5;
color: #444;
padding: 5px;
margin: 5px;
word-wrap: break-word;
}
.ui-list-form3.ui-list-tc{
	margin: 0px;
}
.ui-list-form3.ui-list-tc li{
	border-bottom: 1px solid #E9E9E9;
	margin-top: 0px;
}
/*Content page - offer css*/
.ui-wrapperPanel2 {
	height:160px;
	width:100%;
	float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
}
.ui-scrollerPanel2{
	height:100%;
}
.ui-scrollerPanel2 div div img{
	display:block;
	float:left;
	height:160px;
}

.ui-list-form3 li a div:last-child label{
	display:block;
	color: #6D6D6D;
}

.ui-list-form3 li a div.unit-one{
	margin:0px;
}
.ui-list-form3 li a div.unit-one *{
	display:inline;
}
.ui-list-form3 li a div.unit-one input{
	width:auto;
}
.ui-list-form3 li a div.unit-one strong{
	color:#6d6d6d;
	font-size: 14px;
}
/*stock finder search begin*/
.ui-clear-btn{
    background:url(../images/clearInput@2x.png) no-repeat 8px center;
	background-size: 24px; 
    position:absolute;
    top:6px;
    height:16px;
    width:30px;
    right:25%;
}

.ui-search-btn-right{
	position:absolute; 
	top:1px;  
	right:1px  !important; 
	border: 1px solid #999; 
	width:20% !important; 
	height:26px; 
	background-color: #F0F0F0  !important;
}
/*stock finder search end*/

.scopebar .ui-2span{position:relative;}
.scopebar .ui-2span span:first-child{display:block;padding-right:80px;word-wrap:break-word;}
.scopebar .ui-2span span:last-child{position:absolute;right:0px;top:0px;}

.scopebar .ui-2span2{position:relative;}
.scopebar .ui-2span2 span:first-child{display:block;padding-right:40%;word-wrap:break-word;text-align:left;}
.scopebar .ui-2span2 span:last-child{position:absolute;right:0px;top:0px;}

/* revgen added start */
/* cardApplication added start */
.ui-list-normal4_2 li p {
	margin-bottom: 0px !important;	
}

.ui-list-terms_2 li.terms input {
	left: 8px !important;	
}

.ui-list-terms_2 li.terms {
	padding: 10px !important;
}

.ui-list-terms_2 li.terms div {
	padding-left: 36px !important;
}
/* cardApplication added end */
/* revgen added end */

/*for TFX OW begin*/
.ui-list-form3 li.ui-right-check{
	position: relative;
}
.ui-list-form3 li.ui-right-check div{
	color:#666;font-size:12px;font-weight:bold;margin-right:30px;line-height:30px;
}
.ui-list-form3 li.ui-right-check input{
	position: absolute;right:6px;top:8px;bottom:50%;height:30px;
}
.ui-list-form li h3 {
	color: black;
	font-size: 14px;
	font-weight: bold;
}

.ui-list-form li h3 small {
	margin-top: 5px;
}

.ui-list-form li div small {
	font-weight: normal;
}

.ui-list-form li h3 small {
	color: #6d6d6d;
	font-size: 12px;
	display: block;
	font-weight: normal;
}

.ui-converting-img{
	height: 24px !important; 
    width: 24px !important;
}
.ui-bold{
	font-weight: bold !important;
}

.ui-list-info div img{
	vertical-align: top;
	width: 36px;
	height: 24px;	
}
.ui-list-info div span{	
	font-size: 16px;	
	display: inline-block;
	vertical-align: top;
	width:40%;	
}
.ui-list-info div span h1{	
	display: inline-block;
	font-size: 16px;	
	vertical-align: bottom;	
}
.ui-list-info div span small{
	font-size: 12px;
	padding : 0px;	
	vertical-align: bottom;
	display: inline-block;
}
.rightArrow{
	display:inline-block;
	height:24px;
	width:36px;
	background: url(../images/rightArrow.png)no-repeat transparent 100% 50%;
}
//for list style begin
.ui-h1-bold{
  font-weight: bold !important;
  font-size: 14px !important;
  color: #6D6D6D;
}
.ui-margin-left{
  margin-left:-8px !important;
}
.ui-right-wroding{
  text-align:right;
  margin-right:12px;
  margin-top:22px;  
}
.ui-right-wording{
  text-align:right;
  margin-right:12px; 
  margin-top:32px;  
}
.ui-margin-bottom{ 
  margin-bottom: -7px !important;  
}
.ui-right-wording1{
  text-align:right;
  margin-right:12px !important;
  margin-top:22px !important;  
}
.ui-right-wording2{
  text-align:right;
  margin-right:12px !important;
  margin-top:2px !important;  
}
.ui-right-font-size{ 
  font-size: 15px !important;
}
//for list style end
.ui-tcTitle h1{
	padding-left : 16px;	
}

input.ui-inputBoxRightAlign{
	width:100%;	
	line-height: 25px;
	border: none; 
  	text-align: right;
  	background: transparent;  
  	color: #000;
 	font-size: 16px;
 	font-weight: bold;
	background-color:none;  
}

input.ui-inputBoxRightAlign::-webkit-input-placeholder { 
	font-weight: normal;	
	color:#676767;
	font-size:14px;		
	direction: rtl !important; 	
}
.ccyDarkGray{
	background-color: #666;	
}
.dark-grey{
	color: #666 !important;	
	font-size: 12px !important;
}
.ui-header-line-height{
	line-height: 42px !important;	
}
.ui-header-border-top{
	border-top: 0px !important;	
}
.ui-white-space-nowrap{
	white-space: nowrap !important;
}

/*for TFX OW end*/
/*for stock MI begin*/
.ui-list-form li.ui-down-arrow a{
	background: url(../images/bg-select-down-arrow.png)no-repeat transparent 100% 50% ;
	display: block;
	text-align: left;
}

.ui-list-form li.ui-up-arrow a{
	background: url(../images/bg-select-up-arrow.png)no-repeat transparent 100% 50% ;
	display: block;
	text-align: left;
}
/*for stock MI end*/
ul.ui-list-form3 li.line-break{display:block;}
ul.ui-list-form3 li input + input { border-left: 1px solid #ccc !important; padding-left: 8px;margin: -10px 0px;height: 40px; border-radius: 0px;}
ul.ui-list-form3 li.multipleInput div:first-child {
	-webkit-rtl-ordering: logical;
	-webkit-box-flex:1;
	border-left: 0px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}
ul.ui-list-form3 li.multipleInput div {
	-webkit-box-flex:1;
	border-left:1px solid #CCC;
	margin: -10px 0px;
	padding: 10px 0px 10px 10px;
}
ul.ui-list-form3 li.multipleInput div span{
	margin: 0px 6px 0px 1px;
}
ul.ui-list-form3 li.multipleInput div input {
	width : 100%; 
}
/*For bottom margin of button float*/
.ui-float-bt-fixed{
	height: 54px;
}
.saTop{
margin-top:40% !important;
}

.ui-list-link2.ui-new-2column li div.ui-2span{
	clear:both
}
.ui-list-link2.ui-new-2column a{
  padding: 0px 15px 15px 0px;
}
.ui-list-link2.ui-new-2column li span{
	float:left
}
.ui-list-link2.ui-new-2column li span:last-child{
	text-align:right;
}

ul.ui-list-form3 li a.single-row-flag{
	display:table;
}
ul.ui-list-form3 li a.single-row-flag img,ul.ui-list-form3 li a.single-row-flag div{
	display:table-cell;
}
.body3 .ui-dropdown-box .ui-dropdown-list a{
	border:0px;
}

.ui-list-form3 li div.sel-con select{
	float:left;
	width:auto;
}
.ui-list-form3 li div.sel-con .r-l-con{
	font-size:14px;
}

/* Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.rightArrow{	
	background-size: 36px 24px;
	background: url(../images/rightArrow@2x.png)no-repeat transparent 100% 50%;
}
	.list-header{
		background: url(../images/bg-header@2x.png) repeat-x rgb(156, 165, 172);
		background-size: 450px 43px; 
  }   
	 .ui-list-form li a{
	    background: url(../images/icon-disclosure@2x.png) no-repeat transparent 100% 50%;
	    background-size: 10px 14px; 
   }

	.ui-list-normal.withArrow li{
	    background: transparent url('../images/icon-disclosure@2x.png') no-repeat 95% 50%;
	    background-size: 10px 14px; 
	}
	.r-direct .ui-list-normal.withArrow li{
		 background: transparent url('../images/icon-disclosure@2x.png') no-repeat 5% 50%;
		 background-size: 10px 14px; 
	}
  .r-direct .ui-list-link li a{
		background: url(../images/icon-disclosure@2x.png)no-repeat transparent left center;
		background-size: 10px 14px; 
	}
	.ui-list-billpay-form li a{
  	background: url(../images/icon-disclosure@2x.png)no-repeat transparent 100% 50%;
  	background-size: 10px 14px; 
  }
  .ui-list-link2 a {
	  background: url(../images/icon-disclosure@2x.png)no-repeat transparent 100% 51%;
	  background-size: 10px 14px; 
  }
  .ui-list-link3 li a{
	  background: url(../images/icon-disclosure@2x.png)no-repeat transparent 100% 51%;
	  background-size: 10px 14px; 
  }
  .ui-dropdown-box .ui-selectOption{    
	 background: url('../images/bg-select-down-arrow@2x.png') no-repeat right center;
	 background-size: 10px 8px;
  }
  .r-direct .ui-dropdown-box .ui-selectOption{	
	 background: transparent url('../images/bg-select-down-arrow@2x.png') no-repeat left center;
	 background-size: 10px 8px;
  }
  .body3 .ui-dropdown-box .ui-selectOption{
  	 background-size: 12px 8px;
	 background: url('../images/bg-select-down-arrow-white@2x.png') no-repeat right center;
	}
  .ui-selectOption{    
	 background: transparent url('../images/bg-select-down-arrow@2x.png') no-repeat right center;
	 background-size: 10px 8px;
	 
  }
  .ui-selectOption1{
  	 background: url('../images/bg-select-down-arrow@2x.png') no-repeat right center;
	 background-size: 10px 8px;
	
  }
  .r-direct .ui-selectOption{	
	 background: transparent url('../images/bg-select-down-arrow@2x.png') no-repeat left center;
	 background-size: 10px 8px;
  }
  .ui-list-form9 li div select{
	background: transparent url('../images/bg-select-down-arrow@2x.png') no-repeat 95% 50%;
    background-size: 10px 8px;	
  }
  .ui-list-form3 li a{	
	background: url('../images/icon-disclosure@2x.png')no-repeat transparent 100% 50%;
	background-size: 10px 14px;
 }
 .ui-list-link li a{
	background: url(../images/icon-disclosure@2x.png)no-repeat transparent right center;
	background-size: 10px 14px;
 }
 .r-direct .ui-list-link li{
	background: url(../images/icon-disclosure@2x.png)no-repeat transparent left center;
	background-size: 10px 14px;
 }
 	.ui-list-gradient li a,.ui-list-gradient3 li a{
		background-size: 10px 14px;
		background: url(../images/icon-disclosure@2x.png)no-repeat transparent 100% 50%;
	}
	.ui-clear-btn{
		background-size: 24px auto;
		background: url(../images/clearInput@2x.png)no-repeat transparent 100% 50%;
	}
}

.ui-list-form3.ui-list-img img{
	position:relative;
	top:3px;
}
.ui-list-form3.ui-list-img div select{
	top:-4px;
	position:relative;
}
 .ui-list-img.ui-list-form3 li{
 	padding:6px 10px !important;
}

/*contact us begin*/
.ui-contact-us-img{
	background: transparent url(../../lib/images/phone@2x.png) no-repeat;  
	background-size: 15px 15px; 
	left:6px; 
	top: 19px; 
	display:block; 
	position: absolute; 
	width: 30px; 
	height:30px;
}
.ui-contact-us-aLink{
	margin-left: 20px; width: auto !important;
}
/*contact us end*/

.ui-list-toggle li.toggle-item a.withRightArrow{
   position:relative;
   background: url(../images/icon-disclosure@2x.png) no-repeat 100% 51% !important;
   background-size: 10px 14px;

}

.ui-list-table li a div.ui-2col.adjustWidth div:first-child{
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    text-align: left;
    width: 60%; 
    -webkit-box-flex: 1;
}

.ui-list-table li a div.ui-2col.adjustWidth div:last-child{
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    text-align: right;
    width: 40%;
    -webkit-box-flex: 1;
}
/* balance history page start*/

.ui-list-table li div.ui-2cell{
    display: block; 
    text-decoration: none; 
	background: none;
	overflow: hidden; 
	font-size: 14px;
	font-weight:normal;
	text-overflow:ellipsis; 
	padding: 1em 1em 1em 0; 
	margin: -1em 0; 
	clear:both;
	line-height:22px;
}

.ui-list-table li div.ui-2cell span:first-child{
    font-weight:bold;
    font-size:12px;
    float:left;
    width:50%;
    text-align: left;
    -webkit-box-flex: 1;
}
.ui-list-table li div.ui-2cell span span small{
    padding: 1px 4px;
	background-color: #C7CBCB;
	-webkit-border-radius: 2px;
	color: white;
	position: relative;
	top: -1px;
	margin-right:5px;
	text-shadow: none;
	font-size: 11px;
}
.ui-list-table li div.ui-2cell span:last-child{
    font-weight:bold;
    font-size:14px;
    -webkit-box-flex: 1;
    width:50%;
    text-align:right;
}

.ui-list-table li  abbr{
	background-color: #AAACAE;
	border-bottom-color: white;
	-webkit-border-radius: 3px;
	color: white;
	cursor: auto;
	display: block;
	position: absolute;
	font-size: 16px;
	font-variant: normal;
	font-weight: normal;
	line-height:10px;	
	padding: 0px 5px 10px 5px;
	right: 9px;
	top: 26px;
	margin-top:20px;  
}
.ui-list-table li.expand div.adjustDiv{
  background: #f0f0f0; 
  box-shadow: inset 0 2px 2px rgba(0,0,0,0.2); 
  -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.2);
  margin: 8px -10px -8px -10px; 
  padding: 10px;
  font-size:14px;
  font-weight:bold;
  color:#666;
  display:none;
  border-radius:0px;
  -webkit-border-radius:0px;
  border-top: 1px solid #d2d2d2;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.ui-list-table li.expand div.adjustDiv p{
  font-size:12px;
  font-weight:bold;
  color:#666;
  line-height:10px;
}
.ui-list-table li.expand div.adjustDiv p:first-child{
  font-size:14px;
}
.ui-list-table li.expand.on abbr{

 -webkit-transform: rotate(180deg); 
 background-color:transparent;
}

.ui-list-changedisplayofli{
	position:absolute;
	top:155px;
	margin:0 auto;
	width:100%
}
/* balance history page end */

